<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM操作</title>
</head>
<body>
<!--效果:每点击一次按钮,就会在页面多一张图片-->
<!--1.给按钮绑定点击事件,每点击一次,就调用一次addMoney()-->
<button onclick="addMoney()">点我变富有</button>
<script>
    //2.创建addMoney()方法
    function addMoney() {
        //3.创建一个空的img元素 <img>
        let img = document.createElement('img');
        //4.设置img元素的属性值 <img src="img/money.jpg" width="200px">
        img.src = 'img/money.jpg';
        img.width = 200;//注意没有px单位!
        //5.获取body元素,将img元素添加到body元素中
        let body = document.querySelector('body');
        body.append(img);
    }
</script>
</body>
</html>